<template>
  <div>
    <basic-container>
      <h3 class="yingx">营销功能</h3>
      <div class="flex2">
        <el-row :gutter="20">
          <el-col :span="3" >
            <label for="" class="content"  @click="alert">
              <div>
                <img src="../../../public/img/zp.png" alt="">
              </div>
              <div>大转盘抽奖</div>
            </label>
          </el-col>
          <el-col :span="3">
            <label for="" class="content"  @click="alert">
              <div>
                <img src="../../../public/img/gua.png" alt="">
              </div>
              <div>刮刮乐</div>
            </label>
          </el-col>
          <el-col :span="3">
            <label for="" class="content"  @click="alert">
              <div>
                <img src="../../../public/img/jd.png" alt="">
              </div>
              <div>砸金蛋</div>
            </label>
          </el-col>
          <el-col :span="3">
            <label for="" class="content"  @click="alert">
              <div>
                <img src="../../../public/img/tp.png" alt="">
              </div>
              <div>投票</div>
            </label>
          </el-col>
          <el-col :span="3">
            <label for="" class="content"  @click="alert">
              <div>
                <img src="../../../public/img/pm.png" alt="">
              </div>
              <div>竞拍</div>
            </label>
          </el-col>
        </el-row>

      </div>
    </basic-container>
  </div>
</template>

<script>
export default {
  methods:{
    alert(){
      this.$message({
        message: '功能正在开发中...',
        type: 'warning'
      });
    }
  }
}
</script>

<style scoped="scoped" lang="scss">
.yingx{
  font-weight: bold;
  padding-bottom: 30px;
  
}
.content{
  display: flex;
  flex-direction: column;
  align-items: center;
}
</style>